<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小鱼丶</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="icon" href="img/logo.ico" type="image/x-icon">
</head>
<body>
<!-- 导航条 -->
<div id="fairy">
<div class="heart"></div>
  
</div>
<nav class="navbar layout-header" style="background:#ffebce;margin-bottom: 0">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
        data-target="#bs-example-navbar-collapse-1" aria-expanded="true">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar bg-info"></span>
        <span class="icon-bar bg-info"></span>
        <span class="icon-bar bg-info"></span>
      </button>
      <span class="navbar-brand">FISH</span>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li class="active"><a href="javasript:void(0)">首页 <span class="sr-only">(current)</span></a></li>
          <li><a href="https://www.cnblogs.com/yuxiaoge/">我的博客</a></li>
        </ul>  
        <ul class="nav navbar-nav navbar-right">
            <li><a href="https://pandownload.com/index.html">不限速教程</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">我的项目 <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="vueadd.html">vue增删改</a></li>
              <li><a href="roll.html">滚动文字</a></li>
              <li><a href="#">Something else here</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#">Separated link</a></li>
            </ul>
          </li>
        </ul>
      </div>
  </div>
</nav>

 <!-- 轮播 -->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      </ol>
    
      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active" style="background-color:#ffffff;">
          <img class="img-responsive" src="img/001.jpg" alt="...">
          <div class="carousel-caption">
              <span class="subject"></span>
          </div>
      </div>
      
      <div class="item" style="background-color:#ffffe5;">
          <img class="img-responsive" src="img/002.jpg" alt="...">
          <div class="carousel-caption">
              <span class="subject"></span>
          </div>
      </div>
      <div class="item">
          <img class="img-responsive" src="img/003.jpg" alt="...">
          <div class="carousel-caption">
              <span class="subject"></span>
          </div>
      </div>        
      </div>
    
      <!-- Controls -->
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
    <!-- 主要内容 -->
    <div class="container-fluid">
      <div class="row tex"  id="rowList">
        <div id="word" class="col-xs-12 text-center" style="font-size: 3em;"></div>
      </div>
    </div>
<section class="container">
  <div class="row">
    <div class="col-xs-12 text-center">
      <h1>撸~啊~撸~啊</h1>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-6 col-xs-12">
        <div class="media">
            <div class="media-left">
              <a href="#">
                <img class="media-object" src="img/shy.gif" alt="..." style="width:120px">
              </a>
            </div>
            <div class="media-body">
              <h4 class="media-heading">Theshy阿卡丽上演神操作</h4>
              第一波操作是IG越上路二塔展开的一波团战，在击杀掉G2四人之后仅剩一个上单的VN缩在高地塔只想回水泉，但是Rookie和Theshy并没有想放过他，在被Rookie减速后Theshy利用阿卡丽的二段大招以及E技能完成了几个几何学的操作。
            </div>
          </div>            
    </div>
    <div class="col-lg-6 col-xs-12">
      <div class="media">
          <div class="media-left">
            <a href="#">
              <img class="media-object" src="img/0.jpg" alt="..." style="width:120px">
            </a>
          </div>
          <div class="media-body">
            <h4 class="media-heading"> 5月17日比赛焦点</h4>
           

1、TL在本次比赛中做好了充分准备，他们拿出了中单拉克丝和打野斯卡纳的套路，让iG在比赛中遭遇了困境。

2、iG在第三局比赛中凭着Rookie的出色个人能力，成功扳回一局，Rookie打出了招牌英雄乐芙兰的恐怖压制力。
          </div>
        </div>            
  </div>
  </div>
  <div class="row" style="margin-top:20px">
    <div class="col-lg-6 col-xs-12">
        <div class="media">
            <div class="media-left">
              <a href="#">
                
              </a>
            </div>
            <div class="media-body">
              <h4 class="media-heading">测试接口</h4>
              豆瓣接口服务器地址<br>
https://douban.uieee.com    <br>


电影信息详情<br>

250条置顶<br>
https://douban.uieee.com/v2/movie/top250  <br>
https://api.douban.com/v2/movie <br>
指定条数<br>
https://douban.uieee.com/v2/movie/top250?start=25&count=25 <br>

正在热映 <br>
https://douban.uieee.com/v2/movie/in_theaters
  
即将上映<br>
https://douban.uieee.com/v2/movie/coming_soon
<br>
指定电影<br>
https://douban.uieee.com/v2/movie/subject/26213252

搜索接口<br>
/v2/movie/search?q=杀破狼&count=12<br>
https://douban.uieee.com/v2/movie/search?q=杀破狼&count=12
、

评分 10 分  =》5星
      10 / 2 = 5   满星 
      8 / 2  =  4 星

jsonp  vue-resource

axios 代理设置 
            </div>
          </div>            
    </div>
    <div class="col-lg-6 col-xs-12">
      <div class="media">
          <div class="media-left">
            <a href="#">
              <img class="media-object" src="" alt="..." style="width:120px">
            </a>
          </div>
          <div class="media-body">
            <h4 class="media-heading"> 5月17日比赛焦点</h4>
           

1、TL在本次比赛中做好了充分准备，他们拿出了中单拉克丝和打野斯卡纳的套路，让iG在比赛中遭遇了困境。

2、iG在第三局比赛中凭着Rookie的出色个人能力，成功扳回一局，Rookie打出了招牌英雄乐芙兰的恐怖压制力。
          </div>
        </div>            
  </div>
  </div>
</section>
</body>
<script src="js/index.js"></script>
<script src="js/jquery3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
//1.新建一个函数产生随机数
function rn(min,max){
  return  parseInt(Math.random()*(max-min)+min);
}
//2.新建一个函数产生随机颜色
function rc(min,max){
  var r=rn(min,max);
  var g=rn(min,max);
  var b=rn(min,max);
  return `rgb(${r},${g},${b})`;
}
var arr = "从前车马很慢，书信很远，一生只够爱一人！";
arr = arr.split("");
// console.log(arr);0-18
function wordColor(){
    var str = `<span style="color:${rc(50,255)}">${arr[0]}</span>
    <span style="color:${rc(0,255)}">${arr[1]}</span>
    <span style="color:${rc(0,255)}">${arr[2]}</span>
    <span style="color:${rc(0,255)}">${arr[3]}</span>
    <span style="color:${rc(0,255)}">${arr[4]}</span>
    <span style="color:${rc(0,255)}">${arr[5]}</span>
    <span style="color:${rc(0,255)}">${arr[6]}</span>
    <span style="color:${rc(0,255)}">${arr[7]}</span>
    <span style="color:${rc(0,255)}">${arr[8]}</span>
    <span style="color:${rc(0,255)}">${arr[9]}</span>
    <span style="color:${rc(0,255)}">${arr[10]}</span>
    <span style="color:${rc(0,255)}">${arr[11]}</span>
    <span style="color:${rc(0,255)}">${arr[12]}</span>
    <span style="color:${rc(0,255)}">${arr[13]}</span>
    <span style="color:${rc(0,255)}">${arr[14]}</span>
    <span style="color:${rc(0,255)}">${arr[15]}</span>
    <span style="color:${rc(0,255)}">${arr[16]}</span>
    <span style="color:${rc(0,255)}">${arr[17]}</span>
    <span style="color:${rc(0,255)}">${arr[18]}</span>`;
    $("#word").html(str);      
}
wordColor();
setInterval(function(){  
  wordColor();
},800);


</script>
</html>